<template>
  <div class="img">
        <div class="img_box" v-for="(item,index) in data" :key="index" >
            <img :src="item.src">
            <span class="img_text">{{item.title}}</span>
        </div>
  </div>
</template>
<script>
export default {
    props:['data']
};
</script>
<style scoped>
.img_box{
    width: 54%;
    margin: 0 auto;
    position: relative;
}
.img_text{
    position: absolute;
    top: 50%;
    right: 50%;
    color: white;
    font-size: 1.8em;
    transform: translate(50%, 50%);
    font-family: fantasy;
}
</style>